.punchInResult-index {
  padding-bottom: 66px;
  // 头部
  .header {
    height: 44px;
    padding: 0 20px;
    border-bottom: 1px solid #ededed;
    .l,
    .c,
    .r {
      flex: 1;
    }
  }
  //   用户名
  .username {
    height: 64px;
    padding: 0 20px;
    .avatar {
      img {
        height: 64px;
        width: 64px;
      }
    }
    .text-c {
      padding: 10px 0;
      .group {
        font-size: 12px;
      }
    }
    .text-r {
      flex: 1;
      padding: 10px 0;
      span {
        font-size: 12px;
      }
      img {
        width: 16px;
        height: 15px;
      }
    }
  }
  //   主要
  .main {
    .list {
      margin-top: 15px;
      background-color: #fff;
      padding: 40px 20px;
      .item-tb {
        .text-boxt {
          .dao {
            background-color: pink;
            padding: 0 10px;
            border-radius: 3px;
            font-size: 12px;
            color: #fa746b;
            line-height: 20px;
            font-weight: 500;
          }
        }
        .text-boxb {
          img {
            width: 6px;
            height: 120px;
            margin: 0 12px 0 5px;
          }
          .text {
            line-height: 1.5;
            .p1 {
              color: #2561ef;
              font-size: 14px;
            }
            .p2 {
              color: #999;
              font-size: 12px;
            }
          }
        }
      }
    }
  }
}
